<html>
    <head>
        <title>首页</title>
        <meta charset='utf-8' />
        <link rel='stylesheet' href='./css/index.css' />
    </head>
    <body>
        <!-- 首页header部分 -->
        <div id='header'>
            <!-- logo图片 -->
            <div class='logo'>
                <img src='./imgs/logo.jpg' />
            </div>
            
            <!-- 主导航栏mainnav -->
            <ul class='mainnav'>
                <li><a href=''>企业首页</a></li>
                <li><a href=''>关于我们</a></li>                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              
                <li><a href=''>新闻中心</a></li>
                <li><a href=''>产品中心</a></li>
                <li><a href=''>客户服务</a></li>
                <li><a href=''>联系我们</a></li>
            </ul>
            
            <!-- 语言切换栏 -->
            <ul class='language'>
                <li>CN</li>
                <li>EN</li>
            </ul>
        </div>
        <!-- 首页轮播图部分 -->
        <div id='swipper'>
            <!-- 主题内容部分 -->
            <ul class='imgs'>
                <a href=""><li></li></a>
                <a href=""><li></li></a>
                <a href=""><li></li></a>
                <a href=""><li></li></a>
            </ul>

            <!-- 控制器部分 -->
            <div class="prev"></div>
            <div class="next"></div>

            <!-- 计数器部分 -->
            <div class="count">
                <div class="point"></div>
                <div class="point"></div>
                <div class="point"></div>
                <div class="point"></div>
            </div>
        </div>
        <!-- 首页主要内容部分 -->
        <div id='main'>
            <div class="box box1">
                <h5>静夜思</h5>
                <p>
                    床前明月光，疑是地上霜。举头望明月，低头思故乡。
                    床前明月光，疑是地上霜。举头望明月，低头思故乡。
                    床前明月光，疑是地上霜。举头望明月，低头思故乡。
                    床前明月光，疑是地上霜。举头望明月，低头思故乡。
                    床前明月光，疑是地上霜。举头望明月，低头思故乡。
                    床前明月光，疑是地上霜。举头望明月，低头思故乡。
                    床前明月光，疑是地上霜。举头望明月，低头思故乡。
                    床前明月光，疑是地上霜。举头望明月，低头思故乡。
                    床前明月光，疑是地上霜。举头望明月，低头思故乡。
                </p>
                <div class="content">
                    <div class="one">
                        <div class="icon">
                            <img src="imgs/index-cultural01.png">
                        </div>
                        <h5>静夜思</h5>
                        <h5>miss on the silent night</h5>
                        <p>
                            床前明月光，疑是地上霜。举头望明月，低头思故乡。
                            床前明月光，疑是地上霜。举头望明月，低头思故乡。
                            床前明月光，疑是地上霜。举头望明月，低头思故乡。
                            床前明月光，疑是地上霜。举头望明月，低头思故乡。
                        </p>
                    </div>
                    <div class="one">
                        <div class="icon">
                            <img src="imgs/index-cultural02.png">
                        </div>
                        <h5>静夜思</h5>
                        <h5>miss on the silent night</h5>
                        <p>
                            床前明月光，疑是地上霜。举头望明月，低头思故乡。
                            床前明月光，疑是地上霜。举头望明月，低头思故乡。
                            床前明月光，疑是地上霜。举头望明月，低头思故乡。
                            床前明月光，疑是地上霜。举头望明月，低头思故乡。
                        </p>
                    </div>
                    <div class="one">
                        <div class="icon">
                            <img src="imgs/index-cultural03.png">
                        </div>
                        <h5>静夜思</h5>
                        <h5>miss on the silent night</h5>
                        <p>
                            床前明月光，疑是地上霜。举头望明月，低头思故乡。
                            床前明月光，疑是地上霜。举头望明月，低头思故乡。
                            床前明月光，疑是地上霜。举头望明月，低头思故乡。
                            床前明月光，疑是地上霜。举头望明月，低头思故乡。
                        </p>
                    </div>
                    <div class="one">
                        <div class="icon">
                            <img src="imgs/index-cultural04.png">
                        </div>
                        <h5>静夜思</h5>
                        <h5>miss on the silent night</h5>
                        <p>
                            床前明月光，疑是地上霜。举头望明月，低头思故乡。
                            床前明月光，疑是地上霜。举头望明月，低头思故乡。
                            床前明月光，疑是地上霜。举头望明月，低头思故乡。
                            床前明月光，疑是地上霜。举头望明月，低头思故乡。
                        </p>
                    </div>
                </div>
            </div>
            <div class="box box2">
                <h5>红豆</h5>
                <p>
                    红豆生南国，春来发几枝。问君多采撷，此物最相思。
                    红豆生南国，春来发几枝。问君多采撷，此物最相思。
                    红豆生南国，春来发几枝。问君多采撷，此物最相思。
                    红豆生南国，春来发几枝。问君多采撷，此物最相思。
                    红豆生南国，春来发几枝。问君多采撷，此物最相思。
                    红豆生南国，春来发几枝。问君多采撷，此物最相思。
                    红豆生南国，春来发几枝。问君多采撷，此物最相思。
                    红豆生南国，春来发几枝。问君多采撷，此物最相思。
                </p>
                <div class="content">
                    <div class="two">
                        <div class="two-top">
                            <img src="imgs/pro-center1.jpg">
                        </div>
                        <p class="two-bot">
                            产品一
                        </p>
                    </div>
                    <div class="two">
                        <div class="two-top">
                            <img src="imgs/pro-center2.jpg">
                        </div>
                        <p class="two-bot">
                            产品二
                        </p>
                    </div>
                    <div class="two">
                        <div class="two-top">
                            <img src="imgs/pro-center3.jpg">
                        </div>
                        <p class="two-bot">
                            产品三
                        </p>
                    </div>
                    <div class="two">
                        <div class="two-top">
                            <img src="imgs/pro-center4.jpg">
                        </div>
                        <p class="two-bot">
                            产品四
                        </p>
                    </div>
                    <div class="two"> 
                        <div class="two-top">
                            <img src="imgs/pro-center5.jpg">
                        </div>
                        <p class="two-bot">
                            产品五
                        </p>
                    </div>
                    <div class="two">
                        <div class="two-top">
                            <img src="imgs/pro-center6.jpg">
                        </div>
                        <p class="two-bot">
                            产品六
                        </p>
                    </div>
                </div>
            </div>
            <div class="box box3">
                <h5>空山</h5>
                <p>
                    空山新雨后，天气晚来秋。明玉松间照，清泉石上滚。
                    空山新雨后，天气晚来秋。明玉松间照，清泉石上滚。
                    空山新雨后，天气晚来秋。明玉松间照，清泉石上滚。
                    空山新雨后，天气晚来秋。明玉松间照，清泉石上滚。
                    空山新雨后，天气晚来秋。明玉松间照，清泉石上滚。
                    空山新雨后，天气晚来秋。明玉松间照，清泉石上滚。
                    空山新雨后，天气晚来秋。明玉松间照，清泉石上滚。
                    空山新雨后，天气晚来秋。明玉松间照，清泉石上滚。
                </p>
                <div class="box3-content">
                    <div class="left">
                        <ul class="imgs">
                            <li></li>
                            <li></li>
                            <li></li>
                            <li></li>
                            <li></li>
                            <li></li>
                        </ul>
                        
                        <div class="title">山间之明月，江上之清风</div>
                        
                        <div class="count2">
                            <div class="point"></div>
                            <div class="point"></div>
                            <div class="point"></div>
                            <div class="point"></div>
                            <div class="point"></div>
                            <div class="point"></div>
                        </div>
                    </div>

                    <div class="right">
                        <div class="right-top">
                            <div class="right-top-left">
                                <h1>15</h1>
                                <p>2024-10-23</p>
                            </div>
                            <div class="right-top-right">
                                <h5>春江花月夜</h5>
                                <p>春江潮水连海平，海上明月共潮生。春江潮水连海平，海上明月共潮生。春江潮水连海平，海上明月共潮生。</p>
                            </div>
                        </div>
                       <ul class="right-bottom">
                            <li>
                                <p class="left"><span>·</span>大江东去浪淘尽，千古风流</p>
                                <p class="right">2024-10-23</p>
                            </li>
                            <li>
                                <p class="left"><span>·</span>大江东去浪淘尽，千古风流</p>
                                <p class="right">2024-10-23</p>
                            </li>
                            <li>
                                <p class="left"><span>·</span>大江东去浪淘尽，千古风流</p>
                                <p class="right">2024-10-23</p>
                            </li>
                            <li>
                                <p class="left"><span>·</span>大江东去浪淘尽，千古风流</p>
                                <p class="right">2024-10-23</p>
                            </li>
                            <li>
                                <p class="left"><span>·</span>大江东去浪淘尽，千古风流</p>
                                <p class="right">2024-10-23</p>
                            </li>
                            <li>
                                <p class="left"><span>·</span>大江东去浪淘尽，千古风流</p>
                                <p class="right">2024-10-23</p>
                            </li>
                       </ul>
                    </div>
                </div>
            </div>
            <div class="box box4">
                <h5>洛神赋</h5>
                <div class="tangle"></div>
                <p>
                    仿佛兮若轻云之蔽月，飘飖兮若流风之回雪。
                    仿佛兮若轻云之蔽月，飘飖兮若流风之回雪。
                    仿佛兮若轻云之蔽月，飘飖兮若流风之回雪。
                    仿佛兮若轻云之蔽月，飘飖兮若流风之回雪。
                    仿佛兮若轻云之蔽月，飘飖兮若流风之回雪。
                    仿佛兮若轻云之蔽月，飘飖兮若流风之回雪。
                    仿佛兮若轻云之蔽月，飘飖兮若流风之回雪。
                    仿佛兮若轻云之蔽月，飘飖兮若流风之回雪。
                </p>
                <div class="video">
                    <div class="video-content">
                        <div class="title">仿佛兮若轻云之蔽月，飘飖兮若流风之回雪。</div>
                    </div>
                    <div class="video-content">
                        <div class="title">仿佛兮若轻云之蔽月，飘飖兮若流风之回雪。</div>
                    </div>
                    <div class="video-content">
                        <div class="title">仿佛兮若轻云之蔽月，飘飖兮若流风之回雪。</div>
                    </div>
                    <div class="video-content">
                        <div class="title">仿佛兮若轻云之蔽月，飘飖兮若流风之回雪。</div>
                    </div>
                    <div class="prev"></div>
                    <div class="next"></div>
                </div>
            </div>
        </div>
        <!-- 首页footer部分 -->
        <!-- <div id='footer'>footer</div> -->
    </body>
</html>